<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
    <style>
        .col-md-1,.col-md-2,.col-md-4{
            border: solid 2px;
        }
    </style>
</head>
<body>
<h1>h1. Bootstrap heading<small>Secondary text</small></h1>
<blockquote>
  <p>世界上的是要么就是关你屁事,要么就是关我屁事</p>
  <footer>格林童话<cite title="Source Title">小红帽</cite></footer>
</blockquote>





<p  class="lead">Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.</p>
<div class="container">
    <!--<div class="row">-->
      <!--<div class="col-md-2 col-md-offset-5">.col-md-2</div>-->
      <!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
      <!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
      <!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
      <!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
      <!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
      <!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
      <!--&lt;!&ndash;<div class="col-md-4">.col-md-4</div>&ndash;&gt;-->
      <!--&lt;!&ndash;<div class="col-md-4">.col-md-4</div>&ndash;&gt;-->
    <!--</div>-->

    <div class="row">
      <div class="col-md-4">
          <div class="row">
              <div class="col-md-2">.col-md-2</div>
                <div class="col-md-2">.col-md-2</div>
                <div class="col-md-2">.col-md-2</div>
                <div class="col-md-2">.col-md-2</div>
                <div class="col-md-2">.col-md-2</div>
                <div class="col-md-2">.col-md-2</div>
          </div>
      </div>
      <div class="col-md-4">
          <div class="row">
              <div class="col-md-2">.col-md-2</div>
                <div class="col-md-2">.col-md-2</div>
                <div class="col-md-2">.col-md-2</div>
                <div class="col-md-2">.col-md-2</div>
                <div class="col-md-2">.col-md-2</div>
                <div class="col-md-2">.col-md-2</div>
          </div>
      </div>
      <div class="col-md-4">
          <div class="row text-center">
              col-md-4
          </div>
      </div>

    </div>

</div>
</body>
</html>







